<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>Amaze UI Examples</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="assets/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
  <!--
  <link rel="canonical" href="http://www.example.com/">
  -->

  <link rel="stylesheet" href="assets/css/amazeui.css">
  <link rel="stylesheet" href="assets/css/app.css">
  <link rel="stylesheet" href="assets/css/w_ui.css">
</head>
<body>
<header class="am-topbar">
  <h1 class="am-topbar-brand">
    <a href="#">Woddp</a>
  </h1>

  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
  <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
    <!--<ul class="am-nav am-nav-pills am-topbar-nav">-->
      <!--<li class="am-active"><a href="#">首页</a></li>-->
      <!--<li><a href="#">项目</a></li>-->
      <!--<li class="am-dropdown" data-am-dropdown>-->
        <!--<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">-->
          <!--下拉 <span class="am-icon-caret-down"></span>-->
        <!--</a>-->
        <!--<ul class="am-dropdown-content">-->
          <!--<li class="am-dropdown-header">标题</li>-->
          <!--<li><a href="#">1. 去月球</a></li>-->
          <!--<li class="am-active"><a href="#">2. 去火星</a></li>-->
          <!--<li><a href="#">3. 还是回地球</a></li>-->
          <!--<li class="am-disabled"><a href="#">4. 下地狱</a></li>-->
          <!--<li class="am-divider"></li>-->
          <!--<li><a href="#">5. 桥头一回首</a></li>-->
        <!--</ul>-->
      <!--</li>-->
    <!--</ul>-->

    <!--<form class="am-topbar-form am-topbar-left am-form-inline" role="search">-->
      <!--<div class="am-form-group">-->
        <!--<input type="text" class="am-form-field am-input-sm" placeholder="搜索">-->
      <!--</div>-->
    <!--</form>-->

    <div class="am-topbar-right">
      <div class="am-dropdown" data-am-dropdown="{boundary: '.am-topbar'}">
        <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm am-dropdown-toggle" data-am-dropdown-toggle>其他 <span class="am-icon-caret-down"></span></button>
        <ul class="am-dropdown-content">
          <li><a href="#">注册</a></li>
          <li><a href="#">随便看看</a></li>
        </ul>
      </div>
    </div>

    <div class="am-topbar-right">
      <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm">登录</button>
    </div>
  </div>
</header>
  <div class="am-g  am-g-collapse">
    <div class="am-u-sm-4 w_menu">
      <div class="am-form-group ">
        <input type="text" class="am-form-field am-round" placeholder="搜 索"/>
      </div>
      <ul class="am-nav w_nav_list">
        <li><a href="#">首页</a></li>
        <li class="w_menu_title"><h3 >网站文档</h3></li>
        <li><a href="#">文章分类</a></li>
        <li><a href="#">文章列表</a></li>
        <li class="w_menu_title"><h3 >网站设置</h3></li>
      </ul>
    </div>
    <div class="am-u-sm-8 w_content">
      <header class="hero background-sky">
        <h1 class="hero-title "><label>woddp</label> 管理系统</h1><div class="clear">
      </div>
      </header>
      <div class="w_content_nav">
        <ol class="am-breadcrumb w-breadcrumb">
          <li><a href="#" class="am-icon-home">首页</a></li>
          <li><a href="#">分类</a></li>
          <li class="am-active">内容</li>
        </ol>
      </div>
      <div class="w_content_tab">
        <form class="am-form-inline" role="form">
          <div class="am-form-group">
            <input type="email" class="am-form-field" placeholder="电子邮件">
          </div>

          <div class="am-form-group">
            <input type="password" class="am-form-field" placeholder="密码">
          </div>

          <div class="am-checkbox">
            <label>
              <input type="checkbox"> 记住我
            </label>
          </div>

          <button type="submit" class="am-btn am-btn-default">登录</button>
        </form>
        <div style="clear:both"></div>
        <div style="height:20px"></div>
        <table class="am-table am-table-bordered am-table-striped am-table-compact">
          <thead>
          <tr>
            <th>网站名称</th>
            <th>网址</th>
            <th>创建时间</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>Amaze UI</td>
            <td>http://amazeui.org</td>
            <td>2012-10-01</td>
          </tr>
          <tr>
            <td>Amaze UI</td>
            <td>http://amazeui.org</td>
            <td>2012-10-01</td>
          </tr>
          <tr class="am-active">
            <td>Amaze UI(Active)</td>
            <td>http://amazeui.org</td>
            <td>2012-10-01</td>
          </tr>
          <tr>
            <td>Amaze UI</td>
            <td>http://amazeui.org</td>
            <td>2012-10-01</td>
          </tr>
          <tr>
            <td>Amaze UI</td>
            <td>http://amazeui.org</td>
            <td>2012-10-01</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>

  </div>
  </div>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>


</body>
</html>
